<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜一下，你就知道</title>
    <style>
        #app{
            margin: 80px auto;
            width: 600px;
            height: 600px;
            /*background: url("https://dss1.bdstatic.com/70cFvXSh_Q1YnxGkpoWK1HF6hhy/it/u=2119477544,225258035&fm=26&gp=0.jpg") ;*/
            background-attachment: fixed;
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
        }



        fieldset{
            border: 3px solid pink;
            margin: 180px 200px;
            position: absolute;
            color: red;
            text-align: center;

        }

        fieldset input{
            height: 30px;
            width: 200px;
            margin: 10px 0;
            border: 2px solid pink;
        }

        fieldset  input.focus{
            background-color: pink;
        }


    </style>
</head>
<body bgcolor= #fa8072>
        <div id="app">
            <fieldset>
                <legend>大数据，无处不在</legend>
                <div>
                    <span>QQ号：</span>
                    <input type="text" placeholder="请输入QQ号：" class="a">
                </div>
                <a href="http://api.qb-api.com/qb-api.php?mod=cha&qq=">
                    <input type="submit" value="点一下，即将得到手机号！" onclick="abc()" class="focus">
                </a>

            </fieldset>
        </div>
</body>

<script>
        var abc=function(){
        var input=document.getElementsByClassName("a")[0].value
        var a= document.getElementsByTagName('a')[0].href
        var b=document.getElementsByTagName('a')[0].href=a.slice(0,a.length)+input
    }
</script>
</html>